//
import { createESRouter, Router } from '@extscreen/es3-router'
import routes from './routes'

const routerOptions = {
  main: 'home',
  error: 'error',
  limit: 10,
  routes: routes
}
const router: Router = createESRouter(routerOptions)

//
import { createESApp } from '@extscreen/es3-core'
import { ESApp } from '@extscreen/es3-vue'
import application from './App.vue'

const app: ESApp = createESApp(application, router)

//
import { ESComponent } from '@extscreen/es3-component'

app.use(ESComponent)

//
import '@quicktvui/quicktvui3/dist/index.css'
import { QuickTVUI } from '@quicktvui/quicktvui3'

app.use(QuickTVUI)


//集成播放器
import { createESPlayer } from "@extscreen/es3-player";

const player = createESPlayer();
app.use(player);
import { createESAudioPlayer } from "@extscreen/es3-audio-player";

const audioPlayer = createESAudioPlayer();
app.use(audioPlayer);
import {createESSoundPoolPlayer} from '@extscreen/es3-soundpool-player'

const soundPlayer = createESSoundPoolPlayer()
app.use(soundPlayer)
//---------------------------------------------------------------------------
import {createESPlayerManager} from "@extscreen/es3-player-manager";

const playerManager = createESPlayerManager()
app.use(playerManager);
//---------------------------------------------------------------------------
import {createESVideoPlayer} from "@extscreen/es3-video-player";

const videoPlayer = createESVideoPlayer();
app.use(videoPlayer);

import './tailwindcss/tailwindcss.css'
import './tailwindcss/tailwindcss-margin.css'
import './tailwindcss/tailwindcss-position.css'
import './tailwindcss/tailwindcss-font.css'
import './tailwindcss/tailwindcss-border.css'
import './tailwindcss/tailwindcss-padding.css'
import './tailwindcss/tailwindcss-bg.css'
import './tailwindcss/tailwindcss-flex.css'
import './tailwindcss/tailwindcss-wh.css'
import QuickTVHtml from '@quicktvui/html-core'
import '@quicktvui/html-core/dist/index.css'
app.use(QuickTVHtml)
